<template>
    <div class="continer">
        <!-- 用户userinfo -->
        <user-info></user-info>
        <!-- end -->
        <div class="discount">
            <div class="left">
                <span class="span1">材料<i>免费升级</i>包</span>
                <span class="span2">到期时间：2019-01-20 23:59</span>
            </div>
            <div class="right">
                <span>立即<br>使用</span>
            </div>
        </div>
        <!-- 底部 -->
        <empty-tabbar></empty-tabbar>
        <tabbar></tabbar>
    </div>
</template>
<script>
import Tabbar from '@/pages/home/components/Tabbar'
import emptyTabbar from '@/pages/home/components/emptyTabbar'
import UserInfo from '@/pages/mine/components/UserInfo'
export default {
    name: 'myDiscount',
    components: {
        Tabbar,emptyTabbar,UserInfo
    }
}
</script>
<style lang="stylus" scoped>
.continer
    width 100%
    display flex
    flex-direction column
    align-items center
    .discount
        width 702px
        height 222px
        background url(../../assets/images/yhq.png)
        background-size 100% 100%
        margin-bottom 15px
        display flex
        align-items center
        justify-content space-between
        box-sizing border-box
        padding-left 50px
        padding-right 57px
        .left
            .span1
                line-height 44px
                font-size 44px
                font-weight bold
                color #ffffff
                letter-spacing 4px
                text-shadow:#000 0px 5px 20px
                i 
                    color #ffde00
            .span2
                margin-top 24px
                display block
                width 365px
                height 40px
                line-height 40px
                font-size 20px
                color #ffffff
                text-align center
                background #c60524
                letter-spacing 4px
        .right
            width 117px
            height 117px
            background #ffffff
            border-radius 10px
            font-size 34px
            color #db0c27
            font-weight bold
            display flex
            flex-direction column
            align-items center
            justify-content center
            span
                line-height 40px

</style>
